<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SUITES EJECUTIVAS</title>

<link rel="stylesheet" href="css/styles.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/grid.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/slider.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/menu.css" type="text/css" media="all" />
<meta name="robots" content="index, follow" /> 
<meta name="keywords" content="SUITES EJECUTIVAS,SUITES,SUITES VENEZUELA,APARTAHOTEL VENEZUELA,APARTAHOTEL,SUITE, HOSPEDAJE, HOSPEDAJE VENEZUELA, ESTADIA EJECUTIVA" /> 
<meta name="description" content="Suites Ejecutivas es un proyecto fascinante por su rica sencillez, que te brindara la sensación de estar alojado en tu propia casa.." />
<meta name="author" content="Clickland - Ing.Daniel Zamora" /> 
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> 
<script type="text/javascript">  
$(document).ready(function() {		
	//Execute the slideShow
	slideShow();
});
function slideShow() {
	//Set the opacity of all images to 0
	$('#gallery a').css({opacity: 0.0});
	//Get the first image and display it (set it to full opacity)
	$('#gallery a:first').css({opacity: 1.0});
	//Set the caption background to semi-transparent
	$('#gallery .caption').css({opacity: 0});
	//Resize the width of the caption according to the image width
	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
	//Get the caption of the first image from REL attribute and display it
	$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
	.animate({opacity: 0}, 400);
	//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('gallery()',4000);	
}
function gallery() {
	//if no IMGs have the show class, grab the first image
	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));
	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
	//Get next image caption
	var caption = next.find('img').attr('rel');	
	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	//Set the opacity to 0 and height to 1px
	$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:50 }).animate({height: '1px'}, { queue:true, duration:300 });	
	//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
	$('#gallery .caption').animate({opacity: 0.0},100 ).animate({height: '100px'},500 );
	//Display the content
	$('#gallery .content').html(caption);
}
</script> 

<!-- Aqui van las etiquetas metas para posicionamiento en google -->
</head>

<body rightmargin="0" topmargin="0" leftmargin="0" bottommargin="0">

<div class="header">
    <div class="container_16"> 
        <div class="logo">
            <a href="index.html">Suites ejecutivas</a>
        </div>
        <div class="socials">
            <a href="index.html" class="normaltip" title="Ember">Español</a>
            <a>|</a>
            <a href="http://en.fbcrsuites.com" class="normaltip" title="Dopplr">English</a>
  </div>
        <div class="header-col">
        	<div id="menu2">
              <ul>
                  <li><a href="#" class="current"><span>Home</span></a></li>
                  <li><a href="servicios.html"><span>Servicios</span></a></li>
                  <li><a href="suites.html"><span>Suites</span></a></li>
                  <li><a href="formulario1.php"><span>Contactenos</span></a></li>
              </ul>
            </div>
        </div>
    </div>
</div>
    
<div class="slogan">
    <div class="container_16">
      <div class="grid_1">
        <div id="gallery">  
          <a class="show"><img src="images/grass-blades.jpg" alt="Suite Primera" width="950" height="248" title="" rel=""/></a>
          <a><img src="images/firstSuite.jpg" alt="Suite Primera" width="950" height="248" title="" rel=""/></a>
          <a><img src="images/firstView.jpg" alt="Vista primera hab" width="950" height="248" title="" rel=""/></a>      
          <a><img src="images/firstBreakfast.jpg" alt="Desayuno como en casa" width="950" height="248" title="" rel=""/></a>
          <a><img src="images/secondSuite.jpg" alt="Suite Segunda" width="950" height="248" title="" rel=""/></a>
          <a><img src="images/secondView.jpg" alt="Vista segunda hab" width="950" height="248" title="" rel=""/></a>      
          <a><img src="images/secondBreakfast.jpg" alt="Desayuno como en casa" width="950" height="248" title="" rel=""/></a>
          <div class="caption"><div class="content"></div></div> 
        </div> 
      </div>
    </div>
</div>
    
	<div class="content">
    	<div class="container_16">
			<div class="grid_3">
            	<h4 class="pad-centrado"><span><strong>Suites</strong> Ejecutivas</span></h4>
                <a> &gt; Es un nuevo concepto de alojamiento, ofreciendo los <strong>servicios de un hotel</strong> añadiendo las <strong>ventajas de un apartamento</strong></a>
                <a>&nbsp;</a>
                <a> &nbsp; En nuestras <strong>Suites Ejecutivas</strong> podrá encontrar un espacio comodo, amplio, confortable y lujoso, ofreciendole asi total libertad en su alojamiento... </a>
                <a href="servicios.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Más...]</a>
			</div>
          <div class="grid_3">
           	<h4 class="pad-centrado"><span><strong>RESERVAR</strong> suites</span></h4>
                <a href="formulario1.php"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  <img src="images/reserve.png" width="237" height="86" /></a>
			</div>
          <div class="grid_3">
       	    <h4 class="pad-centrado"><span><strong>galeria</strong> 360°</span></h4>
              <a href="index.html" > &nbsp;<strong>Visite nuestras suites aqui: </strong><img src="images/vista360.png" alt="" width="100" height="86" align="center" /></a>
              <a> &nbsp;</a></div>
    	</div>
    </div>
    
    <div class="footer">
    <table width="950" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td align="center">Suites Ejecutivas &copy; | 2011</td>
        <td align="center" hre><a class="aProp5" href="http://www.clickland.com.ve">Desarrollado por : Grupo Clickland</a><a class="aProp5">Telf: (412)219.7506 - (412)320.6435</a></td>
      </tr>
    </table>
    </div>
    
</body>
</html>
